.Pro_channl{padding-bottom: 180px;}
.Pro_channl .Title-des{text-align: center;    padding: 90px 0 45px;}
.Pro_channl .Title-des h1.h1{font-size: 36px;font-weight: 500;}
.Pro_channl .Title-des p.p{font-size: 18px;color: #555555;margin-top: 30px;}
.Pro_channl li{width: 31.25%;float: left;margin-right: 3.125%;margin-bottom: 3%;}
.Pro_channl li:nth-child(3n){margin-right: 0;}
.Pro_channl li .imgBox{overflow: hidden;}
.Pro_channl li .imgBox img{transition: transform 12s cubic-bezier(.23,1,.32,1);width: 100%;}
.Pro_channl li .txtBox{font-size:16px;}
.Pro_channl li .txtBox h2.h2{font-size: 24px;color: #2550d7;font-weight: 500;margin-top: 30px;}
.Pro_channl li .txtBox p.p{margin-top: 15px;line-height: 25px;color: #666666;}


.Pro_channl li .txtBox .more{margin-top:25px;}
.Pro_channl li .txtBox .more a{color: #2550d7;}
.Pro_channl li .txtBox .more .morea{color: #2550d7;}
.Pro_channl li:hover .imgBox img{transform:scale(1.1);}

.Pro_List{padding: 105px 0 180px 0;}
.Pro_List ul{padding-bottom:2%;}
.Pro_List li{float: left;width: 49%;margin-right:2%;margin-bottom:2%;min-height: 390px;padding: 25px;background: #ebebeb;position: relative;}
.Pro_List li:nth-child(2n){margin-right:0;}
.Pro_List li .txtBox{width: 45%;position: absolute;top: 50%;left: 25px;transform: translate(0, -50%);padding-left: 3%;}
.Pro_List li .txtBox h2.h2{font-size:30px;font-weight:normal;line-height: 36px; height: 72px; overflow: hidden; margin-bottom:25px;text-transform: uppercase;transition: transform 1s cubic-bezier(.23,1,.32,1);}
.Pro_List li .txtBox h2.pc{ display:block;}
.Pro_List li .txtBox h2.wap{ display:none;}
.Pro_List li .txtBox .more{font-size:16px;opacity: 0;transition:all 1s;}
.Pro_List li .imgBox{position: absolute;top: 50%;right: 25px;transform: translate(0, -50%);width: 45%;text-align: center;overflow: hidden}
.Pro_List li .imgBox img{transition: transform 1s cubic-bezier(.23,1,.32,1);}
.Pro_List li:hover .txtBox h2.h2{color: #273fc2}
.Pro_List li:hover .txtBox .more{opacity: 1}
.Pro_List li:hover .imgBox img{transform:scale(1.1);}
@media(max-width:790px){
.Pro_List li .txtBox .more{opacity: 1;}
.Pro_channl li .txtBox .more{margin-top: 15px;}
.Pro_channl li{margin-bottom: 25px;}

}



.Pro_Info{background:#f3f3f3;padding:80px 0 120px 0;}
.Pro_Info .proinfoTop{margin-bottom:100px;}
.Pro_Info .proinfoTop .imgBox{width: 50%;float: left;text-align: center;}
.Pro_Info .proinfoTop .txtBox{width: 50%;float: right;padding-right: 4%;}
.Pro_Info .proinfoTop .txtBox .piLocat{margin-bottom:50px;}
.Pro_Info .proinfoTop .txtBox .piLocat p.p{color: #777;line-height:24px;}
.Pro_Info .proinfoTop .txtBox .piDes{}
.Pro_Info .proinfoTop .txtBox .piDes h2.h2{font-size:34px;color: #1244c3;line-height:1;margin-bottom:40px;font-weight:normal;}
.Pro_Info .proinfoTop .txtBox .piDes p.p{font-size:18px;line-height:30px;color: #777;}
.Pro_Info .proinfoBom{}
.Pro_Info .proinfoBom .item{float: left;width: 28%;margin-right:8%;border-top: 2px solid #dcdcdc;padding-top: 25px;}
.Pro_Info .proinfoBom .item:nth-child(3n){margin-right:0;}
.Pro_Info .proinfoBom .item h2.h2{font-size:24px;font-weight:normal;margin-bottom:25px;}
.Pro_Info .proinfoBom .item p.p{font-size:16px;line-height:28px;color: #777;min-height: 56px;margin-bottom:15px; }
.Pro_Info .proinfoBom .item p.p.phide{text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical; overflow: hidden;}
.Pro_Info .proinfoBom .item .phidediv{display: none;}
.Pro_Info .proinfoBom .item .more{font-size:16px;color: #1244c3;line-height:32px; display:none;}

.proIn_sucase{padding:90px 0 180px 0;}
.proIn_sucase h1.h1{font-size:34px;font-weight:normal;text-align: center;margin-bottom:30px;}
.proIn_sucase .sucaseList{}
.proIn_sucase .sucaseList .item{position: relative;}
.proIn_sucase .sucaseList .item .imgBox{overflow: hidden; position: relative;}
.proIn_sucase .sucaseList .item .imgBox .bg{position: absolute; width: 100%;height: 100%;left: 0; top:0; background:url('../images/join/bgimg03.png') no-repeat center; background-size: cover;}
.proIn_sucase .sucaseList .item .imgBox img{transition: transform 1s cubic-bezier(.23,1,.32,1);}
.proIn_sucase .sucaseList .item .txtBox{position: absolute;left: 5%;bottom: 5%;color: #fff;width: 90%;}
.proIn_sucase .sucaseList .item .txtBox h2.h2{color: #fff;font-size:22px;font-weight:normal;line-height:24px;margin-bottom:10px;}
.proIn_sucase .sucaseList .item .txtBox .more{font-size:16px;color: #fff;line-height:32px;}
.proIn_sucase .sucaseList .item:hover .imgBox img{transform:scale(1.1);}
.proIn_sucase .sucaseList .owl-carousel .owl-nav.disabled{display: block;}
.proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-prev{width: 60px;height: 60px;line-height:60px;text-align: center;background:#f0f0f0;border: none;position: absolute;left: -90px;top: 50%;margin-top:-30px;}
.proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-prev span{font-family: '宋体';color: #c6c6c6;font-size:32px;}
.proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-next{width: 60px;height: 60px;line-height:60px;text-align: center;background:#f0f0f0;border: none;position: absolute;right: -90px;top: 50%;margin-top:-30px;}
.proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-next span{font-family: '宋体';color: #c6c6c6;font-size:32px;}
.proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-prev:hover,
.proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-next:hover{background:#3253dc;}
.proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-prev:hover span,
.proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-next:hover span{color: #fff;}

@media(max-width:1560px){
    /* .proIn_sucase .sucaseList .owl-carousel .owl-nav{text-align: center;} */
    .proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-prev{left: 0}
    .proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-next{right:0;}
}

@media(max-width: 1024px){
    .Pro_channl li{width: 48.4375%;}
    .Pro_channl li:nth-child(3n){margin-right:3.125%;}
    .Pro_channl li:nth-child(2n){margin-right:0;}
    .Pro_List li .txtBox h2.h2{font-size:24px;}
    .Pro_Info .proinfoTop .txtBox .piLocat{margin-bottom:30px;}
    .Pro_Info .proinfoTop .txtBox .piDes h2.h2{font-size:28px;margin-bottom:20px;}
    .proIn_sucase h1.h1{font-size:28px;}
    .proIn_sucase .sucaseList .item .txtBox h2.h2{font-size:20px;}
    .proIn_sucase .sucaseList .item .txtBox .more{font-size:14px;}
	.Pro_List{padding: 5% 0 5%;}
	.Pro_List li{margin-bottom: 5%;}
	.public-pages .p_page a{width: 50px;height: 30px;line-height: 30px;font-size: 16px;}
	.public-pages .p_page a.a_first, .public-pages .p_page a.a_end{width: 60px;}
    .proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-prev{width: 40px;height: 40px; margin-top: -20px; line-height: 40px; left: 0}
    .proIn_sucase .sucaseList .owl-carousel .owl-nav .owl-next{width: 40px;height: 40px; margin-top: -20px; line-height: 40px; right:0;}
}

@media(max-width:768px){
    .Pro_channl .Title-des{padding: 40px 0 45px;}
    .Pro_channl .Title-des h1.h1{font-size: 26px;}
    .Pro_channl li{width: 100%;margin-right:0!important;}
    .Pro_List li{width: 100%;margin-right:0!important;min-height: auto;}
    .Pro_List li .txtBox{position: static;transform: translate(0, 0);width: 100%;margin-bottom:15px;}
    .Pro_List li .txtBox h2.h2{margin-bottom:10px;}
	.Pro_List li .txtBox h2.pc{ display:none;}
	.Pro_List li .txtBox h2.wap{ display:block; text-align:center;}
	.Pro_List li .txtBox .more{ text-align:center;}
    .Pro_List li .imgBox{position: static;transform: translate(0, 0);text-align: center;width: 100%;}
    .Pro_Info{padding: 50px 0 80px 0;}
    .Pro_Info .proinfoTop .imgBox{float: none;width: 100%;margin-top:20px;}
    .Pro_Info .proinfoTop .txtBox{float: none;width: 100%;padding-right:0;}
    .Pro_Info .proinfoBom .item{float: none;width: 100%;margin-right:0!important;margin-bottom:20px;}
    .Pro_Info .proinfoBom .item h2.h2{margin-bottom:10px;}
    .Pro_Info .proinfoBom .item p.p{min-height: auto;}
}